.

iT邦幫忙

2024 iThome 鐵人賽

DAY 4
0

在kintone上,我們可以輕鬆管理大量數據,並通過「清單」功能設定條件,讓使用者快速找到所需的紀錄資料。
然而,在一些使用場景中,即使使用了「清單」功能進行篩選,篩選後的資料量仍然可能過於龐大,導致使用者無法迅速找到目標資料。
這種情況下,使用者可能需要追加多個篩選條件,耗時耗力,降低工作效率。

例如,在一個大型企業的銷售數據管理系統中,業務員可能需要查看某段時間內的訂單紀錄。
即使使用了kintone的「清單」功能來篩選特定時間段內的訂單,結果集仍然可能包含數百甚至數千條紀錄。
如果業務員需要進一步篩選特定客戶或產品的訂單紀錄,逐步添加篩選條件的過程會變得非常繁瑣,並且容易出錯。

https://i.imgur.com/QVYN8zj.gif

為了解決這個問題,我們可以透過簡單的開發來優化kintone的數據顯示功能。
具體而言,我們可以使用DataTables這個強大的jQuery庫來替換掉kintone自帶的顯示方式。
DataTables提供了即時搜尋和過濾的功能,使用者可以直接在搜索欄中輸入關鍵字,DataTables會立刻根據輸入的內容動態篩選並顯示相關紀錄資料。

開發過程中,我們首先需要在kintone的應用程式中嵌入DataTables的相關資源,包括CSS樣式和JavaScript腳本。接著,我們使用kintone的API獲取應用程式中的數據,並將數據以適合DataTables格式的方式傳遞。
這樣,DataTables就可以自動生成一個可搜索、排序和分頁的表格界面。

使用者在這個表格中輸入任意關鍵字,例如客戶名稱、訂單號或產品名稱,DataTables會立刻過濾出符合條件的紀錄資料,無需逐步添加篩選條件。
這種即時篩選的特性大大提升了數據檢索的效率,特別適合需要經常處理大量數據的業務場景。

此外,DataTables還支持多種自訂功能,如自動分頁、列的排序、複合條件篩選等,這使得系統的靈活性和易用性得到了進一步提升。通過這樣的開發方式,我們可以大幅改善kintone的數據管理體驗,幫助使用者更快速、更準確地找到所需的資料,從而提高工作效率。


上一篇
Day 03 | kintone下拉選單連動
下一篇
Day 05 | kintone & ECharts ①
系列文
Cybozu 產品 kintone系統的各式應用開發30
.
圖片
  直播研討會

尚未有邦友留言

立即登入留言